<div class="card bg-white border-grey my-4 bg-shadow pos-relative">
  <div class="card-body px-lg-3 py-lg-4">
    <h4 class="my-0">
      Project with image
    </h4>
    <a data-cbp-close class="btn btn-link btn-icon btn-sm pos-absolute pos-r pos-t pos-zindex-11 mt-1 mr-1 cbp-popup-close-icon"><i class="ion-ios-close-empty icon-2x"></i></a>
  </div>
  <!-- Project image -->
  <img src="assets/img/projects/project-large.png" class="img-fluid card-img-top rounded-0" alt="Project image">
  <div class="card-body p-lg-5">
    <p>Abluo ex immitto imputo lobortis os paulatim persto validus. Antehabeo aptent pala ymo. Importunus quidem torqueo ulciscor. Acsi dolore duis exputo ibidem nunc quidem ratis singularis.</p>
    <p>At gilvus utrum. Aliquip causa refoveo. Aliquam nimis olim oppeto quibus refoveo turpis typicus vindico. Causa pertineo praesent. Comis consequat iustum mauris usitas ymo. Consectetuer humo iriure meus nisl nulla pecus usitas vicis. Lenis letalis occuro scisco valde vereor vero vindico volutpat.</p>
    <p>Abbas commodo neo nimis pagus pecus quia sit torqueo. Camur esca feugiat. Illum mauris velit. Acsi inhibeo secundum tincidunt. Abluo caecus nulla. Mos quae tamen.</p>
    <dl class="row text-sm w-lg-50">
      <dt class="col-sm-3"><i class="la la-thumb-tack"></i> Client:</dt>
      <dd class="col-sm-9"><a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme">Themelize.me</a></dd>
      <dt class="col-sm-3"><i class="la la-calendar"></i> Date:</dt>
      <dd class="col-sm-9">May 2018</dd>
      <dt class="col-sm-3"><i class="la la-tags"></i> Category:</dt>
      <dd class="col-sm-9">Graphics, Web</dd>
    </dl>
    <a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme" title="View Online" class="btn btn-outline-primary btn-sm btn-rounded btn-bold px-4 py-2">View Online <i class="la la-chevron-right ml-1"></i></a>
    <a href="#" data-cbp-close class="btn btn btn-outline-primary btn-sm btn-rounded btn-bold px-4 py-2">Close <i class="la la-close ml-1"></i></a>
  </div>
</div>